import React,{Component} from 'react'
import {render} from 'react-dom'
import PureRenderMixin from 'react-addons-pure-render-mixin'

import TweenLine  from '@/js/tweenlite.js'
import EasePack   from '@/js/EasePack.min.js'

require('!!bootstrap-webpack!bootstrapConfig/bootstrap.config.js');
import './index.less'

class home extends Component {
	  constructor(props, context){
	    super(props, context);
	    this.shouldComponentUpdate = PureRenderMixin.shouldComponentUpdate.bind(this);

	  }
	  render(){
	  	 return (
				<div className="body">
					<div className='content'>
						<ul className="nav nav-tabs">
						  <li role="presentation" className="active"><a href="#">Home</a></li>
						  <li role="presentation"><a href="#">Profile</a></li>
						  <li role="presentation"><a href="#">Messages</a></li>
						</ul>					
						<div className='large-bg' id='large-bg'>
							<canvas id='canvas' width='100%' height='100%' />
						</div>
					</div>
				</div>
			)
	   }
  	 	componentDidMount(){
  	 		require('@/js/canvas.js');
  	 	}
} 
export default home